@charset "utf-8";
@import "main.less";

@media all and (max-width: 1366px){
  html{
    background-color: @bodyColor;
  }
  body {
    width: 1200px;
    height: 1000px;
    .margin_Auto;
  }
  //注册页面总大小
  .re_body{
    .margin_Auto;
    width: 880px ;
    height: 470px;
    .margin_top(150px);
    .radius(15px);
    background-color: white ;
    border: #e4e4e4 1px double;
  }
  //注册页面总大小
  .re_body1{
    .margin_Auto;
    width: 800px ;
    height: 470px;
  }
  //头部
  .re_head{
    width: 800px;
    height: 50px;
    border-bottom:solid 1px #222629;
    .margin_bottom(8px);
  }
  .re_head a{
    color: #00aaff;
    text-decoration: none;
  }
  .re_head a:hover{
    color: blue;
  }
  .re_head1{
    width: 700px;
    height: 40px;
    .margin_Auto;
    color: #999999;
    font-size: 16px;
    .padding_top(15px);
  }
  .re_login{
    float: right;
  }
  .re_login a{
    color: #999999;
  }
  //中部部分
  .re_Central{
    display: flex;
    height: 485px;
    width: 700px;
    .margin_Auto;
  }
  //左部分
  .re_left{
    flex: 1.5;
  }
  .re_left1{
    width: 100%;
    height: 45px;
    .margin(8px,10px);
  }
  .re_left2{
    .margin_Auto;
    width: 400px;
    height: 40px;
    .padding_top(10px);
    font-size: 16px;
    color: #222629;
    text-align: right;
    .padding_right(15px);
  }
  //注册按钮样式
  .re_left3{
    width:100%;
    text-align: center;
    height: 40px;
    .padding_top(10px);
  }
  //左边输入框
  .re_inp{
    width: 300px;
    height: 23px;
  }
  //左边验证码输入框
  .re_inp1{
    width: 130px;
    height: 23px;
    .margin_right(35px);
  }
  //左边性别选项
  .re_sex{
    .padding_left(60px);
    width: 200px;
    height: 35px;
    .padding_top(10px);
    font-size: 16px;
    color: @contentColor;
  }
  //左边验证码按钮
  .re_btn{
    background-color: #bcbcbc;
    width: 130px;
    height: 30px;
    color: white;
    .radius(10px);
    outline:none;
  }
  //注册按钮
  .re_btn1{
    background-color: #00aaff;
    color: white;
    width: 130px;
    height: 35px;
    .radius(5px);
    font-size: 15px;
    border: none;
  }
  //右部分
  .re_right{
    flex: 1;
  }
  .re_right1{
    color:@font_blue;
    font-size: 26px;
    width: 45px;
    height: 400px;
    float:right;
    .padding_right(70px);
  }
  .re_right2{
    color:@font_blue;
    font-size: 26px;
    width: 45px;
    height: 400px;
    float:right;
    padding-right: 15px;
    .padding_top(40px);
  }
}